<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
</head>

<script type="text/javascript" src="../test/js/jquery.js"></script>
<script type="text/javascript" src="../test/js/jquery.min.js"></script>


<style type="text/css">
.login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width: 300px;
	height: 300px;
}

input {
	width: 100%;
	margin-bottom: 10px;
	background: rgba(0, 0, 0, 0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

body {
	width: 100%;
	height: 100%;
	background: #2E8B57;
}

.btn {
	width: 100%;
	height: 40px;
	display: block;
	background: #66CDAA;
	border: 0;
}
</style>

<body>

	<div class="login">
		<div>
			<input type="text" id="username" name="username" placeholder="用户名"
				required="required" />
		</div>
		<div>
			<input type="text" id="password" name="password" placeholder="密码"
				required="required" />
		</div>
		<button id="submit" type="button" class="btn">登录</button>
	</div>
</body>

<script>
</script>

</html>